<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<ul>
			<li>这是第1个Li下标是0</li>
			<li>这是第2个Li下标是1</li>
			<li>这是第3个Li下标是2</li>
			<li id="li4">这是第4个Li下标是3</li>
			<li>这是第5个Li下标是4</li>
			<li>这是第6个Li下标是5</li>
			<li>这是第7个Li下标是6</li>
		</ul>
		<script src="js/jquery.3.6.3.js"></script>
		<script>
			// 获取第一个元素
			$("li:first").css("color","red");
			// 去除所有与给定选择器匹配的元素
			$("li:not(:first)").css("color","green");
			//获取最后个元素
			$("li:last").css("font-weight","bold");
			//匹配一个给定索引值的元素
			$("li:eq(1)").css("font-weight","bold");
			//匹配所有大于给定索引值的元素
			$("li:gt(2)").css("font-weight","bold");
			//匹配所有小于给定索引值的元素
			$("li:lt(2)").css("font-weight","bold");
			
			//匹配所有索引值为偶数的元素，从 0 开始计数
			$("li:even").css("background-color","#EAEAEA");
			//匹配所有索引值为奇数的元素，从 0 开始计数
			$("li:odd").css("background-color","red");
			
		</script>
		
	</body>
</html>